<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html lang="cz">
<head>
	<meta charset="utf-8" />
	<title>Feferon | Stěhování studentů</title>
	<meta name="keywords" content="student, stěhování, kolej">
	<meta name="description" content="Stěhování studentů z koleje domů, levněji než myslíš.">
	<link rel="stylesheet" href="style.css" type="text/css" />
	<script type="text/javascript">

	  var _gaq = _gaq || [];
	  _gaq.push(['_setAccount', 'UA-22334092-1']);
	  _gaq.push(['_trackPageview']);
	
	  (function() {
	    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
	  })();
	
	</script>
</head>

<body>
	<div id="top">
		<div id="wrap">
			<!-- <div style="border-top: 1px #cccccc solid; border-bottom: 1px #cccccc solid;"><img src="images/header.png"/></div>  -->
			<img src="images/header3.png"/>			
		</div>
	</div>
	<!-- <div id="top_divider"></div> -->
	<div id="wrap">
		
		<div>
			<c:if test="${emptyEmailAddressError}">
				<div class="error">Rádi dáme vědět, až začneme, ale musíš nám nejdříve prozradit tvůj email.</div>
			</c:if>
			<c:if test="${invalidEmailAddressError}">
				<div class="error">Promiň, ale ten email je nějaký divný</div>
			</c:if>
			<c:if test="${successSubscription}">
				<div class="success">Tvůj email jsme si uložili, dáme ti vědět jakmile začneme.</div>
			</c:if>
			<c:if test="${successAnswerSheetResponse}">
				<div class="info">Děkujeme za tvé odpovědi.</div>
			</c:if>
		</div>
				
		<div id="main">						
			<div id="subscribe_panel">
				<h2>Buď mezi prvními!</h2>	
				<span id="description">Pošleme ti email, nebo napíšeme na facebook, jakmile začneme.</span>
				<form action="/addSubscriber" method="post">
					<c:choose>
						<c:when test="${invalidEmailAddressError}">
							<input class="redBorder" type="text" name="mail" value="${mail}" onclick="this.value='';"><br>
						</c:when>
						<c:when test="${emptyEmailAddressError}">
							<input class="redBorder" type="text" name="mail" onclick="this.value='';"><br>
						</c:when>
						<c:otherwise>
							<input type="text" name="mail" value="${emailExample}" onclick="this.value='';"><br>
						</c:otherwise>
					</c:choose>
					<div id="submit_panel">
						<table id="submit_panel_tablehack">
							<tr>
								<td><input type="submit" value="Informujte mě"/></td>
								<td><a target="_blank" href="http://www.facebook.com/home.php?sk=group_121042137970003"><img src="images/icon_fbgroup.png"/></a></td>
							</tr>
						</table>
					</div>
					<span class="smalltext greytext centertext" id="mailpromise">Slibujeme, že budeme hlídat tvůj mail jako oko v hlavě a nikdy ho nedáme nějakýmu ošklivýmu spamerovi.</span>
				</form>
			</div>
			<div id="section_divider"></div>
			<div>
				<h2>Doporuč nás přátelům</h2>
				<!--<span id="description">Ak sa ti páči myšlienka nechať si presťahovať veci z koleje domov alebo máš priateľov, ktorý by takúto službu mohli využiť, pomedz im o nás.</span>-->
				<div id="fblikebutton_panel">
					<iframe src="http://www.facebook.com/plugins/like.php?href=www.feferon.cz&amp;layout=standard&amp;show_faces=true&amp;width=350&amp;action=recommend&amp;font=arial&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:350px; height:80px;" allowTransparency="true"></iframe>
				</div>
			</div>
		</div>
		<div id="sidebar">
			<div id="form_panel">
				<div id="form_panel_header">					
					<h2>Uděláme to lépe...</h2>
					<span id="description">...když nám řekneš, jak jsi to dělal doteď.</span>
					</div>				
				<div id="form_panel_content">
					<form action="/responseAnswerSheet" method="post">
						<div class="questionbox">
							<span class="question">Jakým způsobem se stěhuješ pryč z koleje?</span>
							<select name="q1">
								<option value="a0">[vyber jednu z možností]</option>
								<option value="a1">vlastním autem</option>
								<option value="a2">věci mi odveze někdo z rodiny</option>
								<option value="a3">spolu s kamarády</option>
								<option value="a4">svépomocí vlakem nebo autobusem</option>
								<option value="a5">věci nechávám na koleji (např. v kufrárně)</option>
								<option value="a6">jinak</option>
							</select>
						</div>
						<div id="section_divider"></div>
						<div class="questionbox">
							<span class="question">Myslíš, že bys využil služby, která ti odstěhuje věci z koleje až domů?</span>
							<select name="q2">
								<option value="a0">[vyber jednu z možností]</option>
								<option value="a1">ano, takovou službu bych přivítal</option>
								<option value="a2">měl bych problém s důvěrou</option>
								<option value="a3">ne, takovou službu nepotřebuji</option>
							</select>
						</div>
						<div id="section_divider"></div>
						<div class="questionbox">
							<span class="question">Co je pro tebe nejdůležitejší při stěhování z koleje domů?</span>
							<input type="checkbox" name="q3_a1"><span class="checkbox">cena</span><br>
							<input type="checkbox" name="q3_a2"><span class="checkbox">mít to z krku co nejdřív<span><br>
							<input type="checkbox" name="q3_a3"><span class="checkbox">nezatěžovat rodinu a známé</span><br>
							<input type="checkbox" name="q3_a4"><span class="checkbox">stěhovat se, kdy se to hodí mně</span><br>
							<input type="checkbox" name="q3_a5"><span class="checkbox">jiné
						</div>
						<div id="section_divider"></div>
						<div class="questionbox">
							<span class="question">Ve které zemi bydlíš?</span>
							<select name="q4">
								<option value="a0">[vyber jednu z možností]</option>
								<option value="a1">Česká republika</option>
								<option value="a2">Slovensko</option>
							</select>
						</div>
						<div id="section_divider"></div>
						<div id="submit_panel">
							<input type="submit" value="Odeslat">
						</div>
					</form>
				</div>
			</div>
		</div>

		<div id="footer">
			<span>Feferon, 2011, <a href="mailto:info@feferon.cz">info@feferon.cz</a>. Poslední aktualizace: 27. března 2011</span>	
		</div>
	</div>
</body>

</html>
